<?php
include("RecuperarCookies.php");
?>
<!doctype html>
<html lang="es">
	<head>
		<meta charset="UTF-8">
  <title>Datos Empresa</title>
  <link href="dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
  <script src="js/jquery.js"></script>
  <script src="dist/js/bootstrap.min.js"></script>
  <script type="text/javascript">
  $(document).on("ready",function(){
    $("#input_estado").load("CargarDatos.php");
    $('#input_estado').click(function(){
      $('#input_municipio').load('CargarMunicipios.php?IdEstado=' + this.options[this.selectedIndex].value);
    });
    $('#input_municipio').click(function(){
      $('#input_localidad').load('CargarLocalidades.php?IdMunicipios=' + this.options[this.selectedIndex].value);
    });
   
    $('#form_emp').click(function(){
      $('#form').load('form_empresa.html');
    });

     $('#form_user').click(function(){
      $('#form').load('form_user.html');
    });

     $('#form_pro').click(function(){
      $('#form').load('form_pro.html');
    });

  });


  </script>
	</head>
	<body>
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <img src="img/LOGO-APIISA.png" class="logo">
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Nuevo <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#" data-toggle="modal" data-target=".c1">Datos Generales</a></li>
                <li><a href="#" data-toggle="modal" data-target=".c3">Datos Empresa</a></li>
                <li><a href="#" data-toggle="modal" data-target=".c5">Alta de Empresa</a></li>
                <li><a href="#" data-toggle="modal" data-target=".c7">Alta de Proyecto</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Busqueda <b class="caret"></b></a>
              <ul class="dropdown-menu">
                
                <li><a href="#" data-toggle="modal" data-target=".c4">Buscar Empresa</a></li>
                <li><a href="#" data-toggle="modal" data-target=".c6">Buscar Datos Generales</a></li>
                <li><a href="#" data-toggle="modal" data-target=".c8">Buscar Proyecto</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
              <li class=""><a href="#" ><?= $User ?></a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
    <div class="container">
	     
        <div class="row">
          <label><h1 align="center">Sistema de Control de Proyectos</h1></label>
        </div>
        <div class="row">
          <div class="col-md-4">
           <div class="panel panel-info">
              <!-- Default panel contents -->
              <div class="panel-heading">Altas</div>
              
              <!-- List group -->
              <ul class="list-group">
                <li class="list-group-item"><a href="#" id="form_emp">Empresa</a></li>
                <li class="list-group-item"><a href="#" id="form_user">Usuario</a></li>
                <li class="list-group-item"><a href="#" id="form_pro">Proyectos</a></li>
              </ul>
            </div>

          </div>
          <div class="col-md-4">
            <div class="panel panel-info">
              <div class="panel-heading">Proyectos</div>
               <ul class="list-group">
                <li class="list-group-item"><a href="#">Proyecto 1</a></li>
                <li class="list-group-item"><a href="#">Proyecto 2</a></li>
                <li class="list-group-item"><a href="#">Proyecto 3</a></li>
              </ul>
          </div>
          </div>

          <div class="col-md-4">
            <div class="panel panel-info">
              <div class="panel-heading">Datos Empresa</div>
               <ul class="list-group">
                <li class="list-group-item"><a href="#">Empresa 1</a></li>
                <li class="list-group-item"><a href="#">Empresa 2</a></li>
                <li class="list-group-item"><a href="#">Empresa 3</a></li>
              </ul>
            </div>
          </div>

          <div class="row">
            <div class="col-md-6">
              <div class="panel panel-default">
                  <div class="panel-heading">
                    Panel Altas
                  </div>
                  <div class="panel-body">
                    <img src="img/LOGO-APIISA.png" class="logo">
                   <div id="form">              
                  </div>
                  </div>
              </div>
            </div>
    

            <div class="col-md-6">
              <div class="panel panel-default">
                  <div class="panel-heading">
                    Panel Registro
                  </div>
                  <div class="panel-body">
                    <img src="img/LOGO-APIISA.png" class="logo">
                      <div id="carga2">
                      </div>
                  </div>
              </div>
            </div>

          </div>


 </body>
</html>
